
<script setup>
import { ref, onMounted } from 'vue';
import son01 from './components/son01.vue';

// html在加载之后才会赋值给ref。所以能在onMounted之后获取到结构。
let box = ref(null)
onMounted(() => {
  console.log(box.value)
})

// 调用子组件方法
let useSon = () => {
  box.value.change()
}

</script>

<template>
  <button @click='useSon'>调用子组件方法</button>
  <son01 ref="box"></son01>
</template>


<style>
</style>